<!--
 * @Author: daidai
 * @Date: 2022-01-12 14:06:47
 * @LastEditors: daidai
 * @LastEditTime: 2022-03-01 17:55:49
 * @FilePath: \web-pc\src\pages\big-screen\App.vue
-->
<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
import proj4 from 'proj4';
import {register} from 'ol/proj/proj4';

export default {
  name: 'App',
  components: {},
  beforeCreate() {
  },
  mounted() {
    this.registerProj()
  },
  methods: {
    registerProj() {
      proj4.defs([
        [
          'EPSG:4490',
          '+proj=longlat +ellps=GRS80 +no_defs +type=crs'],
        [
          'EPSG:4326',
          '+proj=longlat +datum=WGS84 +no_defs +type=crs'
        ]
      ])
      register(proj4)
    },
  }
}
</script>
<style lang="scss" scoped>
#app {
  width: 100vw;
  height: 100vh;
  background-color: #03050C;
  // overflow: hidden;
}
</style>
